<template>
    <header class="ep-header">
        <span class="ep-icon ep-back" @click="back"></span>
        <span class="ep-title">{{ title }}</span>
    </header>
</template>

<script>
export default {
    name: 'Header',
    props: {
        title: {
            type: String,
            default: ''
        }
    },
    methods: {
        back() {
            this.$router.go(-1);
        }
    }
}
</script>

<style lang="less" scoped>
.ep-header {
    .display-flex;
    .align-items;
    background: #59A2E2;
    height: .4rem;
    display: none;
    .ep-back {
        color: #fff;
        font-size: .18rem;
        padding-left: .10rem;
    }
    .ep-title {
        color: #fff;
        font-size: .18rem;
        .flex;
        text-align: center;
    }
}
</style>
